/*
Theme Name: Wiredrive Classic
Theme URI: http://github.com/wiredrive/wiredrive-wordpress-themes/tree/master/wiredrive-classic
Description: A free theme for WordPress by Wiredrive. It's highly customizable, so you can use it to power a production company website or even a pre-production book!
Author: Wiredrive, dbaker, Daniel Bondurant 
License: GNU General Public License
License URI: license.txt
Version: 1.0.2
Tags: fixed-width, custom-colors, custom-header, custom-background, theme-options
*/

/* Globals */
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    body { 
        font-family: Helvetica, Arial, sans-serif; 
        font-size: 12px; 
        color: #999;
        line-height: 1.4;
        background-image: url(images/background.gif);
    }
    
    img {
        border: none;
    }

/* Links */
    a { 
        color: #000; 
        text-decoration: none; 
        outline: none;
    }
    a:hover { 
        color: #fff; 
        text-decoration: underline;
    }
    a:active {
        outline: none;
    }
    .nav a {
        color: #888;
        text-decoration: none;
    }
    .top-nav a {
        color: white;
    }
    .nav .children a {
        color: #ffffff;
    }
    .entry a.post-edit-link {
        float: left;
        clear: both;
    } 

/* Page Structure */
    #container {
        min-height: 100%;
        margin: 0 auto;
        position: relative;
        width: 1000px;
    }
    #header {
        position: relative;
    }
    #sidebar {
        width: 200px;
        float: left;
        margin: 0 9px 20px 25px;
    }
    .content-wrapper {
        padding: 40px 20px 80px 20px;
        overflow: hidden;
    }
    #footer-wrapper {
        height: 60px;
        position: absolute;
        bottom: 0;
        width: 100%;
        overflow: hidden;
    }
    #footer {
        padding: 0 20px;
    }

    /* Header */
        #logo {
            line-height: 0;
            max-width: 500px;
            float: left;
        }
        .title {
            width: 460px;
            text-align: right;
            position: absolute;
            bottom: 0;
            right: 0;
            margin-right: 20px;
        }
        .title h2 {
            padding: 0;
            margin: 0;
            font-size: 24px;
        }
    
    /* Indervidual Page Styles */
        .pagepost {
            float: right;
            width: 100%;
        }
        .entry {
            overflow: hidden;
        }
        .entry p:first-child {
            margin-top: 0;
        }
    
    /* Protected Forms */
        .entry input {
            margin: 3px 0;
        }
    
    /* Footer */
        .footer-content {
            width: 830px;
            float: left;        
        }
        /* Social Links */
            .social-links {
                float: right;
                margin-top: 20px;
            }
            .social-links a {
                display: inline-block;
                height: 24px;
                width: 24px;
                margin: 0 0 0 10px;
            }
            .social-links span {
                display: none;
            }
            .twitter {
                background: url(images/icon-twitter.png);
            }
            .facebook {
                background: url(images/icon-facebook.png);
            }

/* Blog Styles */
    .content .pagepost {
        margin-bottom: 20px;
    }
    .pagepost .post-title {
        display: block;
        margin: 0;
    }
    .blog-nav {
        margin-top: 20px;
    }
    .prev-posts {
        float: left;
    }
    .next-posts {
        float: right;
    }
    .metalinks { 
        font-size: 11px;
        margin: 0 0 15px 0; 
        clear: both; 
    }
    .metalinks .by { 
        margin: 0; 
    }
    .metalinks .date { 
        margin: 0; 
    }
    .metalinks .comment_bubble { 
        background: url(images/icon-comment.png) no-repeat 0 2px; 
        padding: 0 0 2px 19px;
        float: right;
        text-decoration: none;
    }
    .sticky {
        background: #EEEEEE;
        border-top: 3px solid #DDDDDD;
        border-bottom: 3px solid #DDDDDD;
        padding: 20px 0;
    }

/* Menu's and Navigation */
    /* This is for the main site wide menu */
        ul.nav {
            margin: 0 0 10px 0;
            padding: 0;
            font-size: 14px;
        }
        ul.nav li, ul.nav li ul  {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .nav ul.children, .nav ul.sub-menu {
            padding: 0;
            overflow: hidden;
            display: none;
        }
        .nav ul.children li {
            margin: 0;
            padding: 0;
        }
        .nav ul.children li a, .nav ul.sub-menu li a {
            padding-left: 10px;
        }
        /* This is for the top drop down menus */
        .top.menu {
            margin: 0;
            padding: 0;
            right: 0;
            top: 50%;
            margin-right: 20px;
            position: absolute;
            width: 480px;
            text-align: right;
        }
        .top.menu ul, .top.menu li {
            float: left;
            padding: 0;
            margin: 0;
            list-style: none;
            position: relative;
        }
        .top.menu ul {
            float: right;
        }
        .top.menu li a {
            text-decoration: none;
        }
        .top.menu > ul > li {
            margin-left: 20px;
        }       
        .top.menu ul.sub-menu, .top.menu ul.children {
            position: absolute;
            left: -10px;
            z-index: 10;
            opacity: .95;
            padding: 0 10px;
            white-space: nowrap;
        }
        .top.menu .sub-menu li, .top.menu .children li {
            clear: left;
            float: left;
            text-align: left;
        }
        .top.menu .sub-menu li a, .top.menu .children li a {
            padding-left: 0;
            
        }       
        /* This is for the top nav on the indervidual pages */
            ul.sub-nav {
                margin: 0;
                width: 400px;
                overflow: auto;
                font-size: 14px;
                font-weight: 700;
                text-align: right;
                float: right;
            }
            ul.sub-nav li {
                margin: 0 15px 0 0;
                padding: 0;
                color: white;
                display: inline-block;
            }
            ul.sub-nav li:last-child {
                margin: 0;
            }
/* Comments */
    #comment {
        width: 98%;
    }
    ul.commentlist {
        margin-left: 0;
        padding-left: 0;
    }
    ul.commentlist li {
        list-style: none;
        margin-bottom: 15px;
    }
    
    ul.commentlist ul.children {
        margin-top: 15px;
    }
    .bypostauthor{
        background: none repeat scroll 0 0 #EEEEEE;
        border: 3px solid #DDDDDD;
        padding: 10px 0;
    }

/* Widgets */
    .nav li.widget {
        margin: 10px 0;
        display: block;
    }
    .widgettitle {
        margin: 0;
        text-transform: uppercase;
        font-size: 14px;
    }

/* Wiredrive Player Overides */
    body .wd-player.popup ul.wd-thumb-list li {
        margin: 0 3px 3px 0;
        width: 178px;
    }
    body .wd-player.popup .wd-thumb {
        width: 178px;
        height: auto;
    }
    body .wd-player.popup.box-thumbs .wd-thumb {
        width: auto;
        height: auto;
    }    
/* Wordpress Required */
   #tagline {
    	display: none;
    }
   .aligncenter, div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    img.aligncenter {
        padding: 10px;
    }
    .alignleft {
    	float: left;
    }
    img.alignleft {
        margin: 0 10px 0 0;
    }
    .alignright {
    	float: right;
    }
    img.alignright {
        margin: 0 0 0 10px;
    }
    .gallery-caption {
        text-align: center;
    }
    .wp-caption {
    	background-color: #f3f3f3;
    	border: 1px solid #ddd;
    	-khtml-border-radius: 3px;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px; /* optional rounded corners for browsers that support it */
    	margin: 10px;
    	padding-top: 4px;
    	text-align: center;
    }
    .wp-caption img {
    	border: 0 none;
    	margin: 0;
    	padding: 0;
    }
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	margin: 0;
    	padding: 0 4px 5px;
    }
